<!-- From Uiverse.io by seyed-mohsen-mousavi  - Tags: card, box, box-shadow, subscribe -->
<div
  class="w-72 bg-white rounded-b-lg border-t-8 border-green-400 px-4 py-5 flex flex-col justify-around shadow-md"
>
  <p class="text-lg font-bold font-sans">Premium</p>
  <div class="py-3">
    <p class="text-gray-400 text-sm">
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni natus rerum
      deleniti eaque ...
    </p>
  </div>
  <div class="flex justify-between">
    <svg
      class="w-6 h-6"
      stroke="currentColor"
      stroke-width="1.5"
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z"
        stroke-linejoin="round"
        stroke-linecap="round"
      ></path>
    </svg>
    <div class="text-sm flex gap-2">
      <button
        class="bg-slate-200 px-2 rounded-xl hover:bg-slate-400 transition-colors ease-in-out"
      >
        glee
      </button>
      <button
        class="bg-slate-200 px-2 rounded-xl hover:bg-slate-400 transition-colors ease-in-out"
      >
        download
      </button>
    </div>
  </div>
</div>


    